<template>
  <div id="introduce">
    <div class="docsMain">
      <div class="page_container">
        <!-- <div class="header_bg">
          <div style="font-size:100px;color:#fff;margin-left:80px;">
            <span style="opacity: 1; transition: opacity 1300ms ease-in 373ms;">BF</span>
            <span style="opacity: 1; transition: opacity 1300ms ease-in 274ms;">-</span>
            <span style="opacity: 1; transition: opacity 1300ms ease-in 403ms;">Design</span>
          </div>
        </div>-->
        <div class="title">✨ 介绍</div>
        <div class="subtitle">关于 BF - Design</div>
        <p>感谢您使用 BF-Design-Ui</p>
        <p>BF-Design使用的是MIT开源协议的开源项目,完全免费使用</p>
      </div>
    </div>
    <!-- <footerBar /> -->
  </div>
</template>
<script>
import footerBar from "../../components/footer.vue";
export default {
  name: "introduce",
  components: {
    footerBar,
  },
  data() {
    return {};
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang='scss'>
#introduce {
  .docsMain {
    height: 100%;
    min-height: auto;
    padding: 40px 0 0;
    background: #fff;
    .page_container {
      width: 1260px;
      margin: 0 auto;
      .title {
        font-size: 26px;
        font-weight: bold;
        font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
          helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
          segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 20px;
        color: #000000d9;
      }
      .header_bg {
        display: flex;
        align-items: center;
        width: 100%;
        height: 360px;
        background: url("../../assets/svg/header_bg.png") no-repeat center;
        background-size: 100% 100%;
      }
      .subtitle {
        clear: both;
        font-size: 22px;
        font-weight: 500;
        font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
          helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
          segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
        color: #000000d9;
      }
    }
  }
}
</style>